<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/javascript">
        var script = document.createElement("script");
        script.setAttribute("type", "text/javascript");
        script.setAttribute("src", "../../../montage.js");
        script.dataset.remoteTrigger = window.location.origin;
        document.head.appendChild(script);
    </script>
    <script type="text/montage-serialization">
        {
            "test": {
                "prototype": "trigger-test",
                "values": {
                    "text": {"@": "text"}
                }
            },

            "text": {
                "prototype": "montage/ui/text.reel",
                "values": {
                    "element": {"#": "text"}
                }
            }
        }
    </script>

</head>
<body>
    <div data-montage-id="text"></div>
</body>
</html>
